<script setup>
import AMapLoader from '@amap/amap-jsapi-loader';
import {onMounted} from "vue";

onMounted(() => {
  AMapLoader.load({
    "key": "4579c1667304dab81c326f93380f9ef2",     // 申请好的Web端开发者Key，首次调用 load 时必填
    "version": "1.4.15",                                // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
    "plugins": [],                                      // 需要使用的的插件列表，如比例尺'AMap.Scale'等
    "AMapUI": {                                         // 是否加载 AMapUI，缺省不加载
      "version": '1.1',                               // AMapUI 缺省 1.1
      "plugins": [],                                   // 需要加载的 AMapUI ui插件
    },
    "Loca": {                                            // 是否加载 Loca， 缺省不加载
      "version": '1.3.2'                              // Loca 版本，缺省 1.3.2
    },
  }).then((AMap) => {
    var map = new AMap.Map('container', {
      zoom: 11,                                        //级别
      center: [116.397428, 39.90923],                 //中心点坐标
      viewMode: '3D'                                   //使用3D视图
    });
  }).catch(e => {
    console.log(e);
  })
})
</script>

<template>
  <div id="container" style="height: 90vh;width: 90vw;"></div>
</template>

<style scoped>

</style>